// view {
//   box-sizing: border-box;
// }
.content-wrap{
  width: 100vw;
  box-sizing: border-box;
  height: 100vh;
   // overflow-x: hidden;
}
.content {
  box-sizing: border-box;
  width: 100vw;
  min-height: 100vh;
  background-color: rgba(220, 74, 78, 1);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  padding-bottom:  260rpx;
  align-items: center;
  justify-content: flex-start;
  

  // .tab-position {
  // 	width: 750rpx;
  // 	height: 182rpx;
  // 	position: sticky;
  // 	top: 0rpx;
  // 	left: 0;
  // 	// z-index:100;
  // }
  .marginBox{
    margin-top: -140rpx;
    width: 750rpx;
    height: 2rpx;
    background-color: transparent;
    box-sizing: border-box;
  }
  
  .topBanner {
    width: 750rpx;
    height: 918rpx;
    height: 818rpx;
    box-sizing: border-box;
    overflow: hidden;
    background-image: url('https://ustatic.hudongmiao.com/joymewApp/activity/nationalDay/topBanner@v3.png');
    background-size: 100% ;
    position: relative;
    .topTitle{
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 262rpx;
      width: 750rpx;
      height: 80rpx;
      font-weight: 600;
      color: #fff;
      font-size: 34rpx;
    }

    .leftTrigger {
      position: absolute;
      left: 0;
      width: 150rpx;
      height: 52rpx;
      // background-image: url('https://ustatic.hudongmiao.com/joymewApp/activity/nationalDay/rightTrigger.png');
      // background-size: 100% 100%;
      top: 360rpx;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding-left: 24rpx;
      font-size: 28rpx;
      color: #fff;
      font-weight: 500;
      .textWrap{
        width: 150rpx;
        height: 52rpx;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-left: 24rpx;
        font-size: 28rpx;
        color: #fff;
        font-weight: 500;
      }
      &::before {
        content: "";
        position: absolute;
        top:0;
        left: 0;
        width: 150rpx;
        height: 52rpx;
        background-image: url('https://ustatic.hudongmiao.com/joymewApp/activity/nationalDay/rightTrigger.png');
        background-size: 100% 100%;
        transform: rotate(180deg);
        z-index: 1;
      }
    }
    .rightTrigger {
      position: absolute;
      right: 0;
      width: 150rpx;
      height: 52rpx;
      background-image: url('https://ustatic.hudongmiao.com/joymewApp/activity/nationalDay/rightTrigger.png');
      background-size: 100% 100%;
      top: 300rpx;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding-left: 24rpx;
      font-size: 28rpx;
      color: #fff;
      font-weight: 500;
      box-sizing: border-box;
    }

    .rule-trigger {
      top: 360rpx;
    }
    .share-trigger{
      top: 436rpx;
    }

    .awrad-trigger {
      top: 360rpx;
    }
  }
  .stickyBar{
    // position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100vw;
    height:182rpx;
    z-index: 1;
    // background-color: green;
  }
  .annonce-placeholder {
    
    // margin-top: 30rpx;
    // margin-bottom: 70rpx;
    width: 658rpx;
    height: 360rpx;
    margin-bottom: 0rpx;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    .annonce {
      // position: absolute;
      // bottom: 40rpx;
      // left: 50%;
      // transform: translateX(-50%);
      // margin: 0 auto;
      // margin-top: 24rpx;
      // margin-bottom: 70rpx;
      font-weight: 500;
      width: 658rpx;
      height: 346rpx;
      font-size: 24rpx;
      color: #fff;
      text-align: center;
      box-sizing: border-box;
      .supplyText{
        margin-top: 8rpx;
        text-align: left;
        box-sizing: border-box;
      }
    }
  }



  .myData {
    margin: 0 auto;
    margin-top: 30rpx;
    margin-bottom: 20rpx;
    width: 732rpx;
    box-sizing: border-box;
    overflow: hidden;

    &.firstBlock {
      padding-top: 60rpx;
    }

    &.myData2 {}

    // height: 480rpx;
  }

  .raceRule {
    margin: 0 auto;
    margin-top: 30rpx;
    margin-bottom: 20rpx;
    box-sizing: border-box;
    overflow: hidden;
  }

  .rawardList {
    margin: 0 auto;
    margin-top: -10rpx;
    // margin-bottom: 20rpx;
    box-sizing: border-box;
    overflow: hidden;
  }

  .dfBlock {
    margin: 0 auto;
    // margin-top: 30rpx;
    // margin-bottom: 20rpx;
    box-sizing: border-box;
    overflow: hidden;
    &.firstBlock {
      padding-top: 60rpx;
    }
  }

}